/**
 * Created by Administrator on 2016/6/24.
 */
(function($){
    $(window).load(function(){
        var iClietW=$(this).width();
        var iFirstW=$(".paner:first").width();
        var iCol=Math.floor(iClietW/iFirstW);
        var oBox=$("#box")
        var aPaner=$("#box .paner")
        var aColH=[]

        oBox.css("width",iFirstW*iCol)
        setPanerPos(aPaner)

        function setPanerPos(aPos){
            for(var i=0;i<aPos.length;i++){
                if(i<iCol){
                    aPos.eq(i).css({top:0,left:i*iFirstW})
                    aColH.push(aPos.height())
                }else{
                    var iMinH=Math.min.apply(null,aColH)

                    var iMink=0;
                    for(var j=0;j<aColH.length;j++){
                        if(aColH[j]===iMinH){
                            iMink=j;
                            break;
                        }
                    }

                    aPos.eq(i).css({top:iMinH,left:iMink*iFirstW})
                    //更新高度
                    aColH[iMink]+=aPos.height();
                }
            }
        }
        console.log(iMinH)
    })
})(jQuery)
